﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/MasterPages/OuterMaster.master" CodeFile="Login.aspx.cs" Inherits="Login" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <style type="text/css">
        .shadow {
            box-shadow: inset 0 0 10px #000000;
            border-radius: 6px; 
        }

        .ValidationColor {
            color: transparent !important;
            border-right: 2px solid #B92929;
            padding: 5px 0;
            margin: 0 -4px 0 10px;
        }

        .or {
            text-align: center;
        }

        .vertical-line {
            background: gray;
            color: #fff;
            margin: 165px 0 0 -25px;
            font-size: 18px;
            position: absolute;
            border-radius: 50px;
            width: 50px;
            line-height: 50px;
            height: 50px;
            font-weight: 700;
            text-align: center;
        }

        .vertical-line {
            background: gray;
            color: #fff;
            margin: 135px 0 0 -25px;
            font-size: 18px;
            position: absolute;
            border-radius: 50px;
            width: 50px;
            line-height: 50px;
            height: 50px;
            font-weight: 700;
            text-align: center;
        }

        .line {
            width: 2px;
            height: 320px;
            margin: auto;
            background-color: gray;
            display: block;
        }

        .LoginButton {
            width: 90%;
            margin-left: 6px;
            float: left;
        }

        .textboxes {
            Width: 236px;
            Height: 25px;
            padding: 10px;
        }
    </style>
    <table style="vertical-align: central; width: 100%;">
        <%--<tr>
            <td align="center">
                <a href="../Common/MenuStroock.aspx">Menu Streap</a>
            </td>
        </tr>--%>
        <%-- <tr>
            <td align="center">
                <h3>Login</h3>
            </td>
        </tr>--%>
        <tr>
            <td align="center">
                <div class="Data_container" style="float: left; width: 100%">
                    <div style="width: 5%; float: left">&nbsp;</div>
                    <div style="width: 50%; min-width: 470px; float: left" class="data_area shadow">
                        <br />
                        <div style="text-align: center;">
                            <h3>REGISTERED USERS - LOGIN HERE</h3>
                        </div>
                        <div class="user_login" style="width: 270px">
                            <div class="main_login">

                                <div style="text-align: center; height: 30px;"></div>
                                <div style="text-align: center;">
                                    <asp:TextBox ID="txtEmailID" TextMode="Email" placeholder="Enter your email" runat="server" CssClass="textboxes"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="rfvtxtEmailID" CssClass="ValidationColor" runat="server" ValidationGroup="luserpass" ControlToValidate="txtEmailID" ForeColor="Red" ErrorMessage="Enter Email ID">*</asp:RequiredFieldValidator>
                                    <br />
                                    <br />
                                    <asp:TextBox ID="txtPassword" placeholder="Enter your password" runat="server" TextMode="Password" CssClass="textboxes" />
                                    <asp:RequiredFieldValidator ID="rfvtxtPassword" runat="server" CssClass="ValidationColor" ValidationGroup="luserpass" ControlToValidate="txtPassword" ForeColor="Red" ErrorMessage="Enter Password">*</asp:RequiredFieldValidator>
                                    <br />
                                    <br />
                                    <div id="forgotpassword" style="text-align: center;">
                                        <a href="common/ForgotPassword.aspx" style="float: right; margin-right: 25px;">Forgot Password</a><br />
                                    </div>
                                    <asp:ValidationSummary ID="vsAddNew" runat="server" ValidationGroup="luserpass" ShowMessageBox="True"
                                        ShowSummary="False" />
                                </div>
                                <div align="left" style="color: red;">
                                    <asp:Label ID="ErrorMsg" runat="server"></asp:Label>
                                </div>
                                <asp:Button ID="cmdLogin" runat="server" ValidationGroup="luserpass" Text="Login" OnClick="cmdLogin_Click" CssClass="LoginButton" />
                                <br />
                                <%--        <asp:Button ID="Button1" runat="server" Text="New Registration" CausesValidation="false" Width="182px" OnClick="Btnregister_Click" />&nbsp;&nbsp;
                                --%>
                            </div>
                        </div>
                        <br />
                        <hr />
                        <div style="float: left; margin-left: 47px;">
                            <%-- Don't have a IQKS account? <a href="Common/CandidateRegistration.aspx">Click here</a> to create one--%>
                        </div>
                        <br />
                        <br />
                        <br />
                    </div>

                    <div class="or" style="float: left; margin-left: 30px; margin-top: 3px">
                        <span class="vertical-line">OR</span>
                        <span class="line"></span>
                    </div>

                    <div style="width: 20%; min-width: 400px; float: left; margin-left: 30px; text-align: center; height: 100px" class="data_area shadow">
                        <div class="user_login" style="width: 300px; background-color: lightgray; margin-top: 20px; margin-bottom: 15px; margin-left: 25px; padding-top: 1px; border: 1px solid black; color: black;">
                            <h4>NEW USERS
                            <br />
                                <a href="Common/CandidateRegistration.aspx">CLICK HERE</a> TO REGISTER</h4>
                        </div>
                    </div>

                    <div style="width: 20%; min-width: 400px; float: left; margin-left: 30px" class="data_area shadow">
                        <br />
                        <div style="text-align: center;">
                            <h4>REGISTERED BUT NOT PAID FEES YET ?
                                <br />
                                LOGIN HERE</h4>
                        </div>
                        <div class="user_login" style="width: 270px">
                            <div class="main_login">
                                <div style="text-align: center; height: 12px;"></div>
                                <div style="text-align: center;">
                                    <asp:TextBox ID="txtSecondEmail" TextMode="Email" placeholder="Enter your email" runat="server" CssClass="textboxes"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="rfvtxtSecondEmail" CssClass="ValidationColor" runat="server" ValidationGroup="vgRegLogin" ControlToValidate="txtSecondEmail" ErrorMessage="Enter Email ID">*</asp:RequiredFieldValidator>
                                    <br />
                                    <br />
                                    <asp:TextBox ID="txtSecondRegID" placeholder="Enter your registration id" runat="server" CssClass="textboxes" />
                                    <asp:RequiredFieldValidator ID="rfvtxtSecondRegID" runat="server" CssClass="ValidationColor" ValidationGroup="vgRegLogin" ControlToValidate="txtSecondRegID" ErrorMessage="Enter Registration ID">*</asp:RequiredFieldValidator>
                                    <br />
                                    <asp:ValidationSummary ID="vsRegLogin" runat="server" ValidationGroup="vgRegLogin" ShowMessageBox="True"
                                        ShowSummary="False" />
                                    <br />
                                </div>
                                <div align="left" style="color: red;">
                                    <asp:Label ID="lblReloginMsg" runat="server"></asp:Label>
                                </div>
                                <asp:Button ID="btnRegLogin" runat="server" ValidationGroup="vgRegLogin" Text="Login" OnClick="btnRegLogin_Click" CssClass="LoginButton" />
                                <br />
                            </div>
                            <br />
                            <br />
                        </div>
                    </div>
                    <div style="width: 5%; float: left">&nbsp;</div>
                </div>
            </td>
        </tr>
    </table>
</asp:Content>
